﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TFAlbumNew.aspx.cs" Inherits="TFAlbumNew" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>上传新相册</title>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style/common.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/Header.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/pofile.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/Search.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/Friends.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/Siderbar.css" />
<link rel="stylesheet" type="text/css" href="style/Segment/Footer.css" />
    <script src="js/footrip.js" type="text/javascript">
    </script>
</head>
<body>
    <form id="form1" runat="server" enctype="multipart/form-data">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
       <Services>
           <asp:ServiceReference Path="WSLogin.asmx" />
       </Services>
    </asp:ScriptManager>
         <div id="myalbum">
         <h2 style="padding-bottom:20px;"><span><a href="TFUserAlbum.aspx">返回相册首页</a></span>上传新照片</h2>
         <p id="txtError" style="padding:5px 0px 20px 0px;"></p>
         <div id="Div1">
         <p>提醒：为保证上传速度，请每张照片的大小不要超过4M</p>
         <input id="txtPic" onblur="ShowLocalPic(this.value)" type="file" name="" size="60"/><%--<p style="padding-top:5px;"><input id="File1" type="file" name="" size="60"/></p><p style="padding-top:5px;"><input id="File2" type="file" name="" size="60"/></p>
         --%>
         <div class="loadPicBox">
         <div class="loadPic"><img alt="" id="imgTmp" width="120" height="90" src="images/ico_head.jpg" /></div>
         <div class="loadPicItem">
            <h2>标题：</h2><input type="text" id="txtTitle" style="width:300px;"/>
            <h2>说明：</h2><textarea id="txtMemo" name="textarea" cols="3" rows="4" style="width:300px;"></textarea>
            <h2>标签：</h2><input id="txtNotes" type="text" style="width:300px;"/> <input type="button" onclick="addPicNote()" value="添加" class="butn_blue" />
            <p><ul id="listPicNotes"><%--<li>西湖<img src="images/ico_close.gif" onclick="" /></li><li>杭州<img src="images/ico_close.gif" /></li>--%></ul></p></div>
         <div class="clear"></div>
         </div>
         
         <p style="padding-top:20px;"><b>添加到相册：</b>
         <select id="userAlbum">
<%--         <option selected="" value="">--选择相册--</option>
         <option selected="" value="">相册某某某</option>
         <option selected="" value="">相册某某某</option>--%>
         </select>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="return ShowAlbumAdd();"><b>新建相册</b></a>
         </p>
         <p id="addAlbumPanel" style="padding:5px 0px 20px 0px; display:none">
            <input id="txtAlbumName" type="text" style="width:200px;"/> 
            <input type="button" onclick="AddAlbum()" value="添加" class="butn_blue" />
        </p>

         <p style="padding-top:10px;">谁能查看此照片：<select id="Select1" name="">
            <option value="-1">只有我自己</option>
            <option value="1">我的好友</option>
            <option value="2">所有人</option>
            </select></p>
         <p style="padding-top:20px;"><input type="button" value="保存照片" class="butn_green" onclick="return AddUserPics()" /></p>
         </div>
         </div>
         
    </form>
</body>
</html>
<script type="text/javascript">
FillAlbumNames();
function ShowAlbumAdd()
{
    $("addAlbumPanel").style.display = "block";
}
function ShowLocalPic(url)
{
    if(url)
    {
        $('imgTmp').src=url;
    }
}

</script>
